<!doctype html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>美食爱好者的家园，美食社区-风游美食</title>
    <link rel="stylesheet" href="../css/subthree.css">
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="shortcut icon" href="../img/f.ico" type="image/x-icon">
</head>

<body>

    <!--页面头部-->
    <div class="header">
        <!--logo-->
        <div class="logo">
            <div class="logo-item">
                <a class="logo-1" href="../index.html"><img src="../img/子-logo.png" title="风游美食" alt=""></a>
                <a class="logo-2" href="sub_shequ.html">社区</a>
            </div>
            <div class="search">
                <input type="text" placeholder="请输入关键字">
                <button><i class="fa fa-search" aria-hidden="true"></i> 搜索</button>
            </div>
        </div>
    </div>

    <!--导航菜单-->
    <div class="nav-box">
        <div class="nav">
            <div class="nav_item">
                <a title="首页" href="../index.html">首页</a>
            </div>
            <div class="nav_item">
                <a title="广场" href="#">广场</a>
            </div>
            <div class="nav_item">
                <a title="热门话题" href="#">热门话题</a>
            </div>
            <div class="nav_item">
                <a title="精华话题" href="#">精华话题</a>
            </div>
            <div class="nav_item">
                <a title="精华日志" href="#">精华日志</a>
            </div>
            <div class="nav_item">
                <a title="免费抽奖" href="#">免费抽奖</a>
            </div>
        </div>
    </div>

    <!--页面主题-->
    <div class="main">

        <!-- 中间左侧 -->
        <div class="left">
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="pic"><img src="../img/subthree-1.jpg" alt=""></div>
                        <a href="#" class="txt">
                            <h3>奶香葡萄干椰蓉花环面包</h3>
                            <div class="user">
                                <div class="user-pic"><img src="../img/subthree-user1.jpg" alt=""></div>
                                <p>食·色</p>
                            </div>
                            <span>启封的淡奶油需要尽快用完。淡奶油+炼奶+奶粉+椰蓉=奶香浓郁的椰蓉面包。沉睡一万年的...</span>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <div class="pic"><img src="../img/subthree-2.jpg" alt=""></div>
                        <a href="#" class="txt">
                            <h3>木瓜鸡汤</h3>
                            <div class="user">
                                <div class="user-pic"><img src="../img/subthree-user2.jpg" alt=""></div>
                                <p>花语儿</p>
                            </div>
                            <span>食材：木瓜、三黄鸡（已洗净焯水）、姜片 1、将木瓜去皮去籽放在案板上切成块，待用...</span>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <div class="pic"><img src="../img/subthree-3.jpg" alt=""></div>
                        <a href="#" class="txt">
                            <h3>蒙古汁牛肉</h3>
                            <div class="user">
                                <div class="user-pic"><img src="../img/subthree-user3.jpg" alt=""></div>
                                <p>zlj666</p>
                            </div>
                            <span>说实在话，真正或正宗的蒙古汁的组成，本人不甚了解，但在华人餐厅吃过所谓的蒙古汁牛...</span>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <div class="pic"><img src="../img/subthree-4.jpg" alt=""></div>
                        <a href="#" class="txt">
                            <h3>红泡椒鸡爪</h3>
                            <div class="user">
                                <div class="user-pic"><img src="../img/subthree-user4.jpg" alt=""></div>
                                <p>七七</p>
                            </div>
                            <span>食材：鸡爪、红泡椒、姜片 1、将鸡爪剪去指甲清洗清洗捞出。 2、放在案板上剁开...</span>
                        </a>
                    </div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <!-- 热门 -->
            <div class="head-hot">
                <h3>热门话题</h3>
                <div class="txt">
                    <a href="#">美食随手拍</a>
                    <a href="#">烘焙圈</a>
                    <a href="#">厨艺交流</a>
                    <a href="#">妈妈派</a>
                </div>
            </div>
            <div class="hot">
                <div class="hot-item">
                    <div class="item-user">
                        <div class="user-pic"><img src="../img/subthree-user5.jpg" alt=""></div>
                        <p>风之子</p>
                    </div>
                    <div class="item-content">
                        <p>青柠酸梅饮<br>酸酸甜甜！！！</p>
                        <div class="imgs">
                            <img src="../img/subthree-r1.jpg" alt="">
                            <img src="../img/subthree-r2.jpg" alt="">
                            <img src="../img/subthree-r3.jpg" alt="">
                        </div>
                        <span>6个喜欢，5条评论</span>
                    </div>
                </div>
                <div class="hot-item">
                    <div class="item-user">
                        <div class="user-pic"><img src="../img/subthree-user6.jpg" alt=""></div>
                        <p>可可_5412</p>
                    </div>
                    <div class="item-content">
                        <p>纽扣小蟠桃，桃香浓郁，清甜多汁，长得呆萌又可爱！</p>
                        <div class="imgs">
                            <img src="../img/subthree-r4.jpg" alt="">
                            <img src="../img/subthree-r5.jpg" alt="">
                        </div>
                        <span>8个喜欢，3条评论</span>
                    </div>
                </div>
                <div class="hot-item">
                    <div class="item-user">
                        <div class="user-pic"><img src="../img/subthree-user7.jpg" alt=""></div>
                        <p>随风·飘</p>
                    </div>
                    <div class="item-content">
                        <p>绿豆糕</p>
                        <div class="imgs">
                            <img src="../img/subthree-r6.jpg" alt="">
                            <img src="../img/subthree-r7.jpg" alt="">
                        </div>
                        <span>10个喜欢，5条评论</span>
                    </div>
                </div>
                <div class="hot-item">
                    <div class="item-user">
                        <div class="user-pic"><img src="../img/subthree-user1.jpg" alt=""></div>
                        <p>像花儿一样</p>
                    </div>
                    <div class="item-content">
                        <p>南瓜红枣馒头</p>
                        <div class="imgs">
                            <img src="../img/subthree-r8.jpg" alt="">
                        </div>
                        <span>3个喜欢，1条评论</span>
                    </div>
                </div>
                <div class="hot-item">
                    <div class="item-user">
                        <div class="user-pic"><img src="../img/subthree-user3.jpg" alt=""></div>
                        <p>小七</p>
                    </div>
                    <div class="item-content">
                        <p>玫瑰花牛奶饼</p>
                        <div class="imgs">
                            <img src="../img/subthree-r10.jpg" alt="">
                            <img src="../img/subthree-r11.jpg" alt="">
                            <img src="../img/subthree-r12.jpg" alt="">
                        </div>
                        <span>10个喜欢，5条评论</span>
                    </div>
                </div>
                <div class="hot-item">
                    <div class="item-user">
                        <div class="user-pic"><img src="../img/subthree-user2.jpg" alt=""></div>
                        <p>一缕阳光888</p>
                    </div>
                    <div class="item-content">
                        <p>胡萝卜梨汁</p>
                        <div class="imgs">
                            <img src="../img/subthree-r9.jpg" alt="">
                        </div>
                        <span>7个喜欢，5条评论</span>
                    </div>
                </div>

                <div class="hot-item">
                    <div class="item-user">
                        <div class="user-pic"><img src="../img/subthree-user4.jpg" alt=""></div>
                        <p>花开花落</p>
                    </div>
                    <div class="item-content">
                        <p>玉米面窝窝头，黑五宝，鸡蛋水果。</p>
                        <div class="imgs">
                            <img src="../img/subthree-r13.jpg" alt="">
                            <img src="../img/subthree-r14.jpg" alt="">
                        </div>
                        <span>12个喜欢，5条评论</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- 中间右侧 -->
        <div class="right">
            <!-- 活动 -->
            <div class="hd">
                <div class="hd-head">
                    <h3>正在进行的活动</h3>
                </div>
                <a href="#"><img src="../img/subthree-hd.jpg" alt=""></a>
            </div>
            <!-- 抽奖 -->
            <div class="cj">
                <div class="cj-head">
                    <h3>免费抽奖</h3>
                </div>
                <div class="cj-item">
                    <div class="item-pic"><img src="../img/subthree-cj1.jpg" alt=""></div>
                    <div class="item-txt">
                        <a href="#">ACA/北美电器 ATO-HB38HT电烤箱家用38L烘焙 蛋糕双门全自动</a>
                        <span>2020年06月15日-7月12日</span>
                    </div>
                    <button>免费抽奖</button>
                </div>
                <div class="cj-item">
                    <div class="item-pic"><img src="../img/subthree-cj2.jpg" alt=""></div>
                    <div class="item-txt">
                        <a href="#">ACA/北美电器 AHM-P125A手持搅拌器电动打蛋器</a>
                        <span>2020年06月08日-7月05日</span>
                    </div>
                    <button>免费抽奖</button>
                </div>
                <div class="cj-item">
                    <div class="item-pic"><img src="../img/subthree-cj3.jpg" alt=""></div>
                    <div class="item-txt">
                        <a href="#">ACA/北美电器 AB-2CM16天然酵母面包机全自动智能和面</a>
                        <span>2020年06月08日-6月28日</span>
                    </div>
                    <button>免费抽奖</button>
                </div>
                <div class="cj-item">
                    <div class="item-pic"><img src="../img/subthree-cj4.jpg" alt=""></div>
                    <div class="item-txt">
                        <a href="#">舌尖上的世界：（套装全3册）</a>
                        <span>2020年06月15日-7月12日</span>
                    </div>
                    <button>免费抽奖</button>
                </div>
            </div>
            <!-- 宣传图 -->
            <a href="#" class="picture">
                <img src="../img/subthree-00.png" alt="">
            </a>
        </div>
    </div>



    <!--页面底部-->
    <div class="footer">
        <!--页脚文字-->
        <div class="footer-txt">
            <div class="txt1">
                <a href="#">关于我们</a><i>-</i>
                <a href="#">联系我们</a><i>-</i>
                <a href="#">加入我们</a><i>-</i>
                <a href="#">服务说明</a><i>-</i>
                <a href="#">友情链接</a><i>-</i>
                <a href="#">网站地图</a><i>-</i>
                <a href="#">移动应用</a>
            </div>
            <div class="txt2">
                © 2020-2020 风游美食 保留所有权利 - 京ICP备1002****号
            </div>
        </div>
        <!--页脚图片-->
        <div class="footer-pic">
            <div class="pic-a"> <img src="../img/二维码.png" title="手机客户端"> <span>手机客户端</span> </div>
            <div class="pic-b"> <img src="../img/二维码.png" title="微信公众号"> <span>微信公众号</span> </div>
        </div>
    </div>

    <!--置顶按钮-->
    <div class="button">
        <a href="sub_shequ.html" title="返回顶部"><img src="../img/胡萝卜.png" alt=""></a>
    </div>


    <!-- Swiper JS -->
    <script src="../js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            autoplay: true,
            speed: 2000,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
</body>

</html>